<html>
    <head>
        <meta charset="gh2312">
        <title>环保页面</title>
        <style> 
        *{
            margin:0px;
            border:0px;
            padding:0px;
        }
        body{
            font-family:"宋体";
            font-size:12px;
            color:#000;
        }
        #container{
            width:1008px;
            height:630px;
            background-image: url();
            background-repeat:no-repeat;
            margin: 0 auto;
        }
        #top_menu{
            line-height: 20px;
            margin: 20px 0px 0px 50px;
            width: 180px;
            float: right;
            text-align: left;
        }
        #top_menu span{
            margin-left: 5px;
            margin-right: 5px;
        }
        #main{
            width: 400px;
            height: 370px;
            float: left;
            margin: 100px 30px 0px 50px;
        }
        #main_top{
            width: 400px;
            height: 100px; 
            font-family: "华文中宋";
            font-size: 48px;
        }
        #main_mip{
            width: 400px;
            height: 20px;
            font-size: 18px;
        }
        #main_main1{
            width: 400px;
            height: 72px;
            border-bottom: #fff solid 1px;
            margin-top: 10px;
            line-height: 20px;
        }
        #main_main2{
            width: 400px;
            height: 72px;
            border-bottom: #fff solid 1px;
            margin-top: 10px;
            line-height: 20px;
        }
        #footer{
            width: 1008px;
            height: 28px;
            float: left;
            margin-top: 128px;
        }
        #footer_text{
            text-align: center;
            margin-top: 10px;
        }
        </style>
       <body>
           <div id="container">
               <div id="top_menu">首页<span></span>活动<span></span>技术<span></span></div>
               <div id="main">
                <div id="main_top">环保首页</div>
                <div id="main_mid">最新活动</div>
                <div id="main_main1">
                    <p>2018.01.10</p>
                    <p>第一届环保知识大赛将于1月10鈤正式拉开帷幕</p>
                    <p>火速报名中.....</p>
                </div>
                <div id="main_main2">
                    <p>2018.10.09</p>
                    <p>庆祝环保空间上线10周年，每个会员将领到一份纪念品，敬请关注。</p>
                    <p>期待您的再次光临......</p>
                </div>
               </div>
               <div id="footer">
                   <div id="footer_text">天地环保版权所有</div>
               </div>
           </div>
       </body>
    </head>
</html>